<template>
    <div>
        <a :href="url">百度一下</a>
        <a v-bind:href="url">百度一下</a>
        <button @click="ddd">点我点我点我</button>
    </div>
</template>

<script>
    /*
    目标：v-bind指令
    作用：把vue的数值变量与标签的属性 动态属性
    语法：v-bind：属性名="vue数据变量"
*/
    export default {
        data() {
            return {
                url: 'http://www.baidu.com'
            }
        },
        methods: {
            ddd() {
                this.ddd++
            }
        }
    }
</script>

<style>

</style>